<template>
  <div class="post post-single">
  <!-- section header -->
  <div class="section-header">
    <h3 class="section-title">发表评论</h3>
    <img src="/source/images/wave.svg" class="wave" alt="wave" />
  </div>
  <!-- comment form -->
  <div class="comment-form rounded bordered padding-30">
    <form id="comment-form" class="comment-form">
      <input id="comment-sid" name="sid" type="hidden" value="-1">
      <input id="comment-pid" name="pid" type="hidden" value="0">
      <input id="comment-reply-id" name="replyId" type="hidden" value="0">
      <div class="row">
        <div class="column col-md-4">
          <div class="form-group">
            <input type="email" class="form-control" id="email" name="email" placeholder="邮箱地址" required="required">
          </div>
        </div>
        <div class="column col-md-4">
          <div class="form-group">
            <input type="text" class="form-control" name="qq" id="qq" placeholder="QQ（用于展示头像和昵称）" required="required">
          </div>
        </div>
        <div class="column col-md-4">
          <div class="form-group">
            <input type="text" class="form-control" id="nickname" name="nickname" placeholder="昵称（必填）" required="required">
          </div>
        </div>
        <div class="column col-md-12">
          <div class="form-group">
            <textarea name="content" id="content" class="form-control" rows="4" placeholder="Your comment here..." required="required"></textarea>
          </div>
        </div>
      </div>
      <button type="button" id="submitCommentBtn"  class="btn btn-default">发表评论</button>
    </form>
  </div>
  <!-- post comments -->
  <div class="comments bordered padding-30 rounded">
    <ul id="comment-ul" class="comments">
    </ul>
  </div>
  <div class="spacer" data-height="50"></div>
  </div>
</template>
<script src="/source/js/jquery.min.js"></script>
<script src="/source/layer/layer.js"></script>
<script src="/source/js/core.js"></script>
<script src="/source/js/comment.js"></script>
<script inline="javascript">var ctx = [[@{/}]];</script>
<script>
module.exports={
  name: "comment"
}
</script>

<style scoped>

</style>